/*字体*/
@font-face {
font-family: "Light";
src: url("font/SourceHanSansCN-Light.eot");
src: url("font/SourceHanSansCN-Light.eot?#iefix") format("embedded-opentype"),
	url("font/SourceHanSansCN-Light.woff") format("woff"), 
     url("font/SourceHanSansCN-Light.ttf")  format("truetype"),
     url("font/SourceHanSansCN-Light.svg") format("svg"); 
font-style: normal;
font-weight: normal;}
@font-face {
font-family: "Normal";
src: url("font/SourceHanSansCN-Normal.eot");
src: url("font/SourceHanSansCN-Normal.eot?#iefix") format("embedded-opentype"),
	url("font/SourceHanSansCN-Normal.woff") format("woff"), 
     url("font/SourceHanSansCN-Normal.ttf")  format("truetype"),
     url("font/SourceHanSansCN-Normal.svg") format("svg"); 
font-style: normal;
font-weight: normal;}
@font-face {
font-family: "Regular";
src: url("font/SourceHanSansCN-Regular.eot");
src: url("font/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"),
	url("font/SourceHanSansCN-Regular.woff") format("woff"), 
     url("font/SourceHanSansCN-Regular.ttf")  format("truetype"),
     url("font/SourceHanSansCN-Regular.svg") format("svg"); 
font-style: normal;
font-weight: normal;}

/*通用*/
*{font-family: "Light"}
/*顶部导航*/
.t_navs{ width: 100%;}
.t_navs::after{content: "";display: block;clear: both;}
/*正常屏幕显示*/
.t_navs .top{ width: 100%; float: left; position: relative;}
/*logo*/
.t_navs .top .logo{ margin: 90px 0 46px 0; line-height: 0; float: left;}
.t_navs .top .logo img{ width: auto; height: 60px;}
/*一级导航*/
.t_navs .top .right{ float: right;}
.t_navs .top .menu{float: left;padding-top: 100px;}
.t_navs .top .menu .ul{display: inline-block;vertical-align: top;}
.t_navs .top .menu .nli{ padding:  0 22px; float: left; position: relative;font-size: 16px;line-height: 16px;}
.t_navs .top .menu .nli span a{ display: block;color: #666666; position: relative;padding-bottom: 20px;font-family: "Light"}
.t_navs .top .menu .nli span a:hover,
.t_navs .top .menu .nli.on span a{color: #d8b96e;}
.t_navs .top .menu .iconbox{width: 24px;height: 20px;display: inline-block;vertical-align: top;margin-left: 22px;position: relative;}
.t_navs .top .menu .iconbox .icons{width: 100%;height: 100%;position: absolute;left: 0;top: 0;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.t_navs .top .menu .iconbox .icon2{opacity: 0;}
.t_navs .top .menu .iconbox:hover .icon1{opacity: 0;}
.t_navs .top .menu .iconbox:hover .icon2{opacity: 1;}
/*二级导航*/
.t_navs .top .sub{ display: none; position: absolute; width: 100%; top:26px; left: 0;  z-index: 4;}
.t_navs .top .sub .l2{ width: 100%;padding: 4px 0;text-align: center;font-size: 16px;}
.t_navs .top .sub .l2 a{ display: block; color: #666;}
/*隐藏手机显示*/
.t_navs .menuph{ display: none;} 
.t_navs .xialaph{ display: none;}
@media screen and (max-width:1199px) {
}
@media screen and (max-width:991px) {
/*电脑端导航隐藏*/
.t_navs .menu{ display: none;}
.t_navs .top .menu .icons{display: none;}
/*手机端导航显示*/
.t_navs .menuph{ display: block;}
.t_navs .xialaph{ display: block;}
/*手机端样式*/
.t_navs .top{ padding: 0 35px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #fff;}
/*logo*/
.t_navs .top .logo{ margin: 30px 0;}
.t_navs .top .logo img{ height: 45px;}
/*右侧三条杠*/
.t_navs .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 30px 0;}
.t_navs .menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
.t_navs .menuph .point:hover .navbtn,
.t_navs .menuph .point:hover .navbtn::after,
.t_navs .menuph .point:hover .navbtn::before { width: 28px;}
.t_navs .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: transparent;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.t_navs .menuph .navbtn::after,
.t_navs .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #666666;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.t_navs .menuph .navbtn::after { top: -8px;}
.t_navs .menuph .navbtn::before { top: 8px;}
.t_navs .menuph .point.active .navbtn{ background: transparent;}
.t_navs .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0;}
.t_navs .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}
/*一级导航*/
.t_navs .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 106px 15px 100px 15px; display: none; z-index:3; background:#fff;}
.t_navs .xialaph .xialabox{position: absolute;left: 50%;top: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);}
.t_navs .xialaph .ul2,
.t_navs .xialaph .ul3{ display: none;}
.t_navs .xialaph h4 a{ float: left; width: 100%; color: #333333;line-height: 50px;font-size: 16px;text-align: center;} 
.t_navs .xialaph h4 a:hover{color: #d2ae56;}
.t_navs .xialaph h4{ float: left; width: 100%; position: relative;}
.t_navs .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px; text-transform: uppercase;font-size: 14px;}
.t_navs .xialaph h5{ float: left; width: 100%; position: relative;}
.t_navs .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;}
.t_navs .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;}
.t_navs .xialaph h4.active img.img_s,
.t_navs .xialaph h5.active img.img_s{ display: none;}
.t_navs .xialaph h4.active img.img_d,
.t_navs .xialaph h5.active img.img_d{ display: block;}
.t_navs .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.t_navs .xialaph .ul3{ padding-top: 50px; padding-bottom: 10px; padding-left: 15px; z-index: -1; position: relative;}
.t_navs .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph li:last-child .ul3::after{ display: none;}
.t_navs .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 14px;}
.t_navs .xialaph .ul3 li:hover a{color: #666666;}
.t_navs .xialaph .ul3 li{ padding-top: 5px;}
.t_navs .xialaph .ul3 li:first-child{ padding-top: 0;}
/*二级三级导航箭头*/
.t_navs .img_d,
.t_navs .disno{ display: none;} 
.t_navs .xialaph .iconbox{width: 100%;float: left;margin-top: 44px;}
.t_navs .xialaph .iconbox2{margin-top: 24px;}
.t_navs .xialaph .iconbox2 .iconboxs{width: 24px;height: 24px;}
.t_navs .xialaph .iconboxs{width: 24px;height: 20px;margin: 0 auto;position: relative;}
.t_navs .xialaph .iconboxs .icon{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.t_navs .xialaph .iconboxs .icon2{opacity: 0;}
.t_navs .xialaph .iconboxs:hover .icon1{opacity: 0;}
.t_navs .xialaph .iconboxs:hover .icon2{opacity: 1;}
}


/*首页banner*/
.sy_banner{width: 100%;}
.sy_banner ul{height: auto;}
.sy_banner li{height: auto;}
.sy_banner li .pic{width: 100%;
height: calc(100vh - 190px);
height: -ms-calc(100vh - 190px);
height: -o-calc(100vh - 190px);
height: -moz-calc(100vh - 190px);
height: -webkit-calc(100vh - 190px);}
.sy_banner .slick-dots{ position: absolute; bottom: 20px; height: 7px; text-align: center;width: 100%;}
.sy_banner .slick-dots li{ vertical-align: top; width: 7px; height: 7px;border-radius: 100%; margin: 0 4px; background: #d5ccc5;}
.sy_banner .slick-dots li.slick-active{ background: #fff;}
.sy_banner .swiper-pagination-bullet{background-color: #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 50px!important;}
@media  screen and (max-width: 1199px){
}
@media  screen and (max-width: 991px){
.sy_banner{margin-top: 106px;}
.sy_banner li .pic{
height: calc(100vh - 106px);
height: -ms-calc(100vh - 106px);
height: -o-calc(100vh - 106px);
height: -moz-calc(100vh - 106px);
height: -webkit-calc(100vh - 106px);}
.sy_banner .slick-dots{bottom: 10px; height: 5px;}
.sy_banner .slick-dots li{ vertical-align: top; width: 5px; height: 5px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 30px!important;}
}
@media  screen and (max-width: 767px){
}

/*底导航*/
.b_navs{width: 100%;}
.b_navs .bottomnav .words{width: 100%;font-size: 14px;color: #333333;line-height: 20px;padding: 48px 0;text-align: center;font-family: "Light"}
.b_navs .bottomnav .words a{color: #333;}
@media  screen and (max-width: 991px){
.b_navs .bottomnav{padding-bottom: 0;}
.b_navs .bottomnav .words{font-size: 12px;line-height: 16px;padding: 14px 0;}
}

/*展厅*/
.zt_section{width: 100%;padding-bottom: 130px;
min-height: calc(100vh - 125px);
min-height: -ms-calc(100vh - 125px);}
.zt_section .grid{overflow: hidden;margin: -5px;
width: calc(100% + 10px);
width: -ms-calc(100% + 10px);
width: -o-calc(100% + 10px);
width: -moz-calc(100% + 10px);
width: -webkit-calc(100% + 10px);}
.zt_section ul li{float: left;width: 25%;}
.zt_section .grid li a{display: block;width: 100%;position: relative;overflow: hidden;}
.zt_section .grid li figure{margin: 0;display: block;padding: 5px;}
.zt_section .grid li a img{width: 100%;display: block;}
.zt_section .grid li a::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: -100%;background-color: rgba(0,0,0,0.25);z-index: 8;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.zt_section .grid li a:hover::after{content: "";display: block;top: 0;}
.zt_section .grid li a .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;text-align: center;z-index: 9;opacity: 0;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);}
.zt_section .grid li a .wordsbox h2{font-size: 18px;color: #ffffff;line-height: 22px;margin-bottom: 10px;font-family: "Light"}
.zt_section .grid li a .wordsbox h3{font-size: 14px;color: #ffffff;line-height: 20px;font-family: "Light"}
.zt_section .grid li a:hover .wordsbox{opacity: 1;}
.zt_section .more{width: 100%;margin-top: 116px;font-size: 18px;color: #666666;line-height: 18px;text-align: center;}
.zt_section .more a{color: #666666;}
.zt_section .more:hover a{color: #d8b96e;}
@media  screen and (max-width: 1199px){
}
@media  screen and (max-width: 991px){
.zt_section{padding: 22px 20px; margin-top: 106px;
min-height: calc(100vh - 106px);
min-height: -ms-calc(100vh - 106px);}
.zt_section .grid{margin: -4px;
width: calc(100% + 8px);
width: -ms-calc(100% + 8px);
width: -o-calc(100% + 8px);
width: -moz-calc(100% + 8px);
width: -webkit-calc(100% + 8px);}
.zt_section .grid li{width: 33.33333%;}
.zt_section .grid li a .wordsbox h2{font-size: 16px;line-height: 20px;margin-bottom: 6px;}
.zt_section .grid li a .wordsbox h3{font-size: 12px;line-height: 18px;}
.zt_section .more{margin-top: 16px;font-size: 16px;line-height: 16px;}
}
@media  screen and (max-width: 767px){
.zt_section .grid li{width: 100%;}
.zt_section .more{margin-top: 14px;font-size: 14px;line-height: 14px;}
}

/*新闻*/
.xw_section{width: 100%;padding: 90px 0 166px 0;padding-left: 40px;
min-height: calc(100vh - 125px);
min-height: -ms-calc(100vh - 125px);}
.xw_section h2{font-size: 24px;color: #000000;line-height: 28px;margin-bottom: 100px;font-family: "Normal";font-weight: bold;}
.xw_section ul{width: 100%;}
.xw_section ul li{width: 100%;overflow: hidden;margin-bottom: 150px;}
.xw_section ul li:last-child{margin-bottom: 0;}
.xw_section ul li .left{width: 53.84%;float: left;padding-right: 20px;}
.xw_section ul li .left .date{width: 100%;font-size: 24px;color: #000000;line-height: 28px;margin-bottom: 34px;font-family: "Normal";font-weight: bold;}
/*.xw_section ul li:hover .left .date{color: #d2ae56;}*/
.xw_section ul li .left .text{font-size: 18px;color: #000000;line-height: 30px;font-family: "Regular";font-weight: bold;}
.xw_section ul li .right{width: 46.16%;float: right;}
.xw_section ul li .right .pic{ width: 100%; padding-bottom: 67.02%; position: relative; overflow: hidden; min-height: 50px;margin-bottom: 32px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.xw_section ul li .right .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.xw_section ul li .right .text{width: 100%;font-size: 14px;color: #000000;line-height: 26px;}
@media  screen and (max-width: 1600px){
.xw_section{padding: 90px 25px 166px 25px;}
}
@media  screen and (max-width: 1199px){
}
@media  screen and (max-width: 991px){
.xw_section{padding: 22px 20px;margin-top: 106px;
min-height: calc(100vh - 106px);
min-height: -ms-calc(100vh - 106px);}
.xw_section h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;}
.xw_section ul li{margin-bottom: 16px;}
.xw_section ul li .left{width: 53%;padding-right: 14px;}
.xw_section ul li .left .date{font-size: 18px;line-height: 24px;margin-bottom: 14px;}
.xw_section ul li .left .text{font-size: 16px;line-height: 24px;}
.xw_section ul li .right{width: 47%;float: right;}
.xw_section ul li .right .pic{margin-bottom: 14px;}
.xw_section ul li .right .text{line-height: 22px;}
}
@media  screen and (max-width: 767px){
.xw_section h2{font-size: 16px;line-height: 22px;margin: 20px 0 40px 0;}
.xw_section ul li{margin-bottom: 80px;}
.xw_section ul li .left{width: 100%;padding-right: 0;text-align: center;margin-bottom: 14px;float: none;}
.xw_section ul li .left .date{font-size: 16px;line-height: 22px;margin: 0 0 20px 0; text-align: left;}
.xw_section ul li .left .text{font-size: 14px;line-height: 22px;text-align: left;margin-bottom: 36px;}
.xw_section ul li .right{width: 100%;float: none;}
.xw_section ul li .right .pic{margin-bottom: 12px;}
.xw_section ul li .right .text{line-height: 20px;}
}

/*新闻详情*/
.xwxq_section{width: 100%;padding: 60px 0 138px 0;
min-height: calc(100vh - 125px);
min-height: -ms-calc(100vh - 125px);}
.xwxq_section h2{font-size: 22px;color: #333333;line-height: 26px;margin-bottom: 26px;text-align: center;font-family: "Normal";}
.xwxq_section .date{font-size: 14px;color: #666666;line-height: 14px;margin-bottom: 38px;text-align: center;font-family: "Normal";}
.xwxq_section .p{font-size: 14px;color: #333333;line-height: 26px;padding-bottom: 78px;margin-bottom: 36px;border-bottom: 1px solid #cccccc;}
.xwxq_section .p img{width: 100%;display: block;}
.xwxq_section .page{width: 100%;overflow: hidden;}
.xwxq_section .page .prev{width: 50%;float: left;}
.xwxq_section .page .next{width: 50%;float: right;text-align: right;}
.xwxq_section .page .words{font-size: 16px;color: #666666;line-height: 16px;float: right; padding-left: 10px;padding-top: 6px;
width: calc(100% - 26px);
width: -ms-calc(100% - 26px);
width: -o-calc(100% - 26px);
width: -moz-calc(100% - 26px);
width: -webkit-calc(100% - 26px);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.xwxq_section .page .icon{width: 26px;height: 26px;border-radius: 100%;border: 1px solid #6a6a6a;float: left;position: relative;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.xwxq_section .page .icon::after{width: 10px;height: 10px;content: "";display: block;border-top: 1px solid #6a6a6a;border-left: 1px solid #6a6a6a;position: absolute;left: 50%;top: 50%;margin-top: -5px;margin-left: -3px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.xwxq_section .page .next .words{padding-left: 0;padding-right: 10px;float: left;}
.xwxq_section .page .next .icon{float: right;}
.xwxq_section .page .next .icon::after{margin-top: -5px;margin-left: -6px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);}
.xwxq_section .page .prev:hover .icon{border-color: #d2ae56;}
.xwxq_section .page .prev:hover .icon::after{content: "";display: block; border-color: #d2ae56;}
.xwxq_section .page .prev:hover .words{color: #d2ae56;}
.xwxq_section .page .next:hover .icon{border-color: #d2ae56;}
.xwxq_section .page .next:hover .icon::after{content: "";display: block; border-color: #d2ae56;}
.xwxq_section .page .next:hover .words{color: #d2ae56;}
@media  screen and (max-width: 1199px){
}
@media  screen and (max-width: 991px){
.xwxq_section{padding: 22px 20px;margin-top: 106px;
min-height: calc(100vh - 106px);
min-height: -ms-calc(100vh - 106px);}
.xwxq_section h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;}
.xwxq_section .date{margin-bottom: 16px;}
.xwxq_section .p{line-height: 24px;padding-bottom: 16px;margin-bottom: 16px;}
.xwxq_section .page .prev{width: 50%;}
.xwxq_section .page .next{width: 50%;}
.xwxq_section .page .words{display: none;}
.xwxq_section .page .icon{display: inline-block;float: none;vertical-align: middle;width: 20px;height: 20px;}
.xwxq_section .page .icon::after{width: 8px;height: 8px;content: "";display: block;margin-top: -4px;margin-left: -2px;}
.xwxq_section .page .next .icon::after{margin-top: -4px;margin-left: -6px;}
.xwxq_section .page .next .words{padding-left: 0;padding-right: 0;}
}
@media  screen and (max-width: 767px){
.xwxq_section h2{font-size: 16px;line-height: 22px;margin-bottom: 14px;font-weight: bold;}
.xwxq_section .date{margin-bottom: 14px;}
.xwxq_section .p{line-height: 22px;padding-bottom: 14px;margin-bottom: 14px;}
}

/*简介*/
.jj_section{width: 100%;padding: 0 0 50px 0;padding-left: 40px;
min-height: calc(100vh - 125px);
min-height: -ms-calc(100vh - 125px);}
.jj_section ul{width: 100%;}
.jj_section ul li{width: 100%;overflow: hidden;margin-bottom: 20px;}
.jj_section ul li:last-child{margin-bottom: 0;}
.jj_section ul li .left{width: 49.3%;float: left;height: 448px;position: relative;}
.jj_section ul li .left .wordsbox{width: 100%;padding-right: 55px;position: absolute; top: 50%;left: 0;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);}
.jj_section ul li .left .wordsbox h2{font-size: 24px;color: #333333;line-height: 30px;margin-bottom: 78px;font-family: "Normal";}
.jj_section ul li .left .wordsbox .text{font-size: 14px;color: #000000;line-height: 30px;text-align: justify;}
.jj_section ul li .right{width: 50.7%;float: right;height: 448px;overflow: hidden;}
.jj_section ul li .right .pic{width: 100%;height: 100%;}
.jj_section ul li .right .pic2{ width: 100%; padding-bottom: 67.48%; position: relative; overflow: hidden; min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.jj_section ul li .right .pic2 img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.jj_section ul li:hove .rightr .pic2 img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.jj_section .jjbox{width: 100%;position: relative;
min-height: calc(100vh - 136px);
min-height: -ms-calc(100vh - 136px);}
.jj_section .jjbox ul{position: absolute;left: 0;top: 50%;min-height: 448px;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);}
@media  screen and (max-width: 1600px){
.jj_section{padding: 0 25px 50px 25px;}
}
@media  screen and (max-width: 991px){
.jj_section{padding: 22px 20px;margin-top: 106px;
min-height: calc(100vh - 106px);
min-height: -ms-calc(100vh - 106px);}
.jj_section ul li{margin-bottom: 16px;}
.jj_section ul li .left{width: 50%;height: 230px;}
.jj_section ul li .left .wordsbox{padding-right: 16px;}
.jj_section ul li .left .wordsbox h2{font-size: 18px;line-height: 26px;margin-bottom: 14px;}
.jj_section ul li .left .wordsbox .text{line-height: 24px;-webkit-line-clamp: 6;}
.jj_section ul li .right{width: 50%;height: 230px;}
.jj_section .jjbox{min-height: auto;height: auto;}
.jj_section .jjbox ul{position: static;
transform: translate(0,0);
-ms-transform: translate(0,0);}
}
@media  screen and (max-width: 767px){
.jj_section ul li{margin-bottom: 14px;}
.jj_section ul li .left{width: 100%;height: auto;float: none;margin-bottom: 20px;}
.jj_section ul li .left .wordsbox{padding-right: 0;position: static;
transform: translate(0,0);
-ms-transform: translate(0,0);}
.jj_section ul li .left .wordsbox h2{font-size: 16px;line-height: 24px;margin-bottom: 12px;font-weight: bold;}
.jj_section ul li .left .wordsbox .text{line-height: 24px;-webkit-line-clamp: 20;}
.jj_section ul li .right{width: 100%;float: none; height: auto;}
.jj_section ul li .right .pic{display: none;}
.jj_section ul li .right .pic2{display: block;}
}

/*首页二维码*/
.sy_ewm_section{width: 100%;padding-top: 110px;
min-height: calc(100vh - 125px);
min-height: -ms-calc(100vh - 125px);}
.sy_ewm_section .ewmbox1{width: 100%;margin-bottom: 46px;padding-bottom: 16px;position: relative;}
.sy_ewm_section .ewmbox1::after{width: 146px;height: 1px;background-color: #666666;content: "";display: block;position: absolute;bottom: 0;left:50%;
transform: translate(-50%,0);
-ms-transform: translate(-50%,0);}
.sy_ewm_section .ewmbox .ewmpic{width: 166px;height: 166px;margin: 0 auto 28px auto;}
.sy_ewm_section .ewmbox .ewmwords{font-size: 16px;color: #666666;line-height: 16px;text-align: center;font-family: "Light"}
@media  screen and (max-width: 1199px){
}
@media  screen and (max-width: 991px){
.sy_ewm_section{padding-top: 110px;margin-top: 106px;
min-height: calc(100vh - 106px);
min-height: -ms-calc(100vh - 106px);}
.sy_ewm_section .ewmbox1{margin-bottom: 16px;padding-bottom: 14px;}
.sy_ewm_section .ewmbox1::after{width: 120px;content: "";display: block;}
.sy_ewm_section .ewmbox .ewmpic{width: 140px;height: 140px;margin: 0 auto 16px auto;}
.sy_ewm_section .ewmbox .ewmwords{font-size: 14px;line-height: 14px;}
}
@media  screen and (max-width: 767px){
}

/*招贤*/
.zx_section{width: 100%;padding: 96px 0 186px 0;
min-height: calc(100vh - 125px);
min-height: -ms-calc(100vh - 125px);}
.zx_section h2{font-size: 24px;color: #333333;line-height: 28px;margin-bottom: 116px;font-family: "Regular";}
.zx_section .content{width: 100%;}
.zx_section .content .box{width: 100%;margin-bottom: 180px;overflow: hidden;}
.zx_section .content .box:last-child{margin-bottom: 0;}
.zx_section .content .box .left{width: 31%;float: left;padding-right: 20px;}
.zx_section .content .box .left h3{font-size: 20px;color: #666666;line-height: 24px;margin-bottom: 188px;width: 100%;font-family: "Regular";}
.zx_section .content .box .left .more{font-size: 16px;color: #666;line-height: 16px;border: 1px solid #666;border-radius: 6px;padding: 10px 12px;display: inline-block;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.zx_section .content .box .left .more a{color: #666;font-family: "Regular";font-weight: bold;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.zx_section .content .box .left .more:hover{border-color: #d2ae56;}
.zx_section .content .box .left .more:hover a{color: #d2ae56;}
.zx_section .content .box .right{width: 69%;float: right;}
.zx_section .content .box .right .list{font-size: 14px;color: #666;line-height: 20px;margin-bottom: 20px;}
.zx_section .content .box .right .list:last-child{margin-bottom: 0;}
@media  screen and (max-width: 1199px){
}
@media  screen and (max-width: 991px){
.zx_section{padding: 22px 20px;margin-top: 106px;
min-height: calc(100vh - 106px);
min-height: -ms-calc(100vh - 106px);}
.zx_section h2{font-size: 18px;line-height: 22px;margin-bottom: 16px;}
.zx_section .content .box{margin-bottom: 16px;}
.zx_section .content .box .left{width: 40%;padding-right: 14px;}
.zx_section .content .box .left h3{font-size: 16px;line-height: 22px;margin-bottom: 16px;}
.zx_section .content .box .left .more{font-size: 14px;line-height: 14px;padding: 6px 8px;}
.zx_section .content .box .right{width: 60%;}
.zx_section .content .box .right .list{font-size: 12px;line-height: 20px;margin-bottom: 14px;}
}
@media  screen and (max-width: 767px){
.zx_section h2{font-size: 16px;line-height: 20px;margin-bottom: 40px;margin-top: 38px;font-weight: bold;}
.zx_section .content .box{margin-bottom: 24px;border-bottom: 1px solid #f1f1f1;padding-bottom: 24px;position: relative;}
.zx_section .content .box:last-child{margin-bottom: 0;border-bottom: 0;padding-bottom: 0;}
.zx_section .content .box .left{width: 100%;padding-right: 0;margin-bottom: 36px;}
.zx_section .content .box .left h3{font-size: 16px;line-height: 20px;margin-bottom: 0;}
.zx_section .content .box .left .more{padding: 4px 6px;position: absolute;bottom: 24px;left: 0;}
.zx_section .content .box:last-child .left .more{bottom: 0;}
.zx_section .content .box .right{width: 100%;float: none;padding-bottom: 66px;}
.zx_section .content .box .right .list{line-height: 18px;margin-bottom: 10px;}
}

/*联系我们*/
.lxwm_section{width: 100%;padding-left: 40px;}
.lxwm_section .content{width: 100%;overflow: hidden;}
.lxwm_section .content .left{width: 45.45%;float: left;padding-right: 20px;}
.lxwm_section .content .left h2{font-size: 24px;color: #333333;line-height: 28px;margin-bottom: 110px;font-family: "Regular";}
.lxwm_section .content .left .box{width: 100%;margin-bottom: 20px;}
.lxwm_section .content .left .box .words1{font-size: 14px;color: #000000;line-height: 20px;margin-bottom: 10px;font-family: "Regular";font-weight: bold;}
.lxwm_section .content .left .box .words2{font-size: 14px;color: #000000;line-height: 20px;}
.lxwm_section .content .left .box:last-child{margin-bottom: 0;}
.lxwm_section .content .right{width: 54.55%;float: right;}
.lxwm_section .content .right .pic{width: 100%;height: 474px;}
.lxwm_section .lxwmbox{width: 100%;position: relative;min-height: 474px;
height: calc(100vh - 196px);
height: -ms-calc(100vh - 196px);}
.lxwm_section .lxwmbox .content{position: absolute;left: 0;top: 50%;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);}
@media  screen and (max-width: 1600px){
.lxwm_section{padding: 0 25px;}
}
@media  screen and (max-width: 991px){
.lxwm_section{padding: 22px 20px;margin-top: 106px;
min-height: calc(100vh - 106px);
min-height: -ms-calc(100vh - 106px);}
.lxwm_section .content .left{width: 46%;padding-right: 12px;}
.lxwm_section .content .left h2{font-size: 18px;line-height: 22px;margin-bottom: 20px;}
.lxwm_section .content .left .box{margin-bottom: 16px;}
.lxwm_section .content .left .box .words1{line-height: 18px;margin-bottom: 8px;}
.lxwm_section .content .left .box .words2{line-height: 18px;}
.lxwm_section .content .right{width: 54%;}
.lxwm_section .content .right .pic{height: 310px;}
.lxwm_section .lxwmbox{min-height: auto;height: auto;}
.lxwm_section .lxwmbox .content{position: static;
transform: translate(0,0);
-ms-transform: translate(0,0);}
}
@media  screen and (max-width: 767px){
.lxwm_section .content .left{width: 100%;padding-right: 0px;margin-bottom: 20px;}
.lxwm_section .content .left h2{font-size: 16px;line-height: 20px;margin-bottom: 16px;font-weight: bold;}
.lxwm_section .content .left .box{margin-bottom: 14px;}
.lxwm_section .content .right{width: 100%;}
.lxwm_section .content .right .pic{height: 240px;}
}

/*作品*/
.zp_section{width: 100%;}
.zp_section ul{width: 100%;}
.zp_section ul li{height: auto;}
.zp_section ul li a{display: block;position: relative;
height: calc(100vh - 196px);
height: -ms-calc(100vh - 196px);
height: -o-calc(100vh - 196px);
height: -moz-calc(100vh - 196px);
height: -webkit-calc(100vh - 196px);}
.zp_section ul li a .libox{width: 100%;padding: 0 10px;position: absolute;left: 0;top: 50%;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);}
.zp_section ul li a .libox .picbox{width: 172px;height: 118px;margin: 0 auto 190px auto;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.zp_section ul li a .libox .picbox .pic{width: 100%;height: 100%;}
.zp_section ul li a .libox .picbox .pic.pic2{display: none;}
.zp_section ul li a .libox .wordsbox{text-align: center;}
.zp_section ul li a .libox .wordsbox .words1{font-size: 18px;color: #333333;line-height: 22px;margin-bottom: 14px;}
.zp_section ul li a .libox .wordsbox .words2{font-size: 14px;color: #666666;line-height: 20px;}
/*.zp_section ul li a:hover{background-color: rgba(211,192,145,0.09);}*/
.zp_section ul li a:hover .libox .picbox{
transform: rotateY(180deg);}
.zp_section ul li a:hover .libox .picbox .pic.pic1{display: none;}
.zp_section ul li a:hover .libox .picbox .pic.pic2{display: block;}
.zp_section ul li a:hover .libox .wordsbox .words1,.zp_section ul li a:hover .libox .wordsbox .words2{color: #d8b96e;}
@media  screen and (max-width: 1199px){
}
@media  screen and (max-width: 991px){
.zp_section{width: 100%;margin-top: 106px;}
.zp_section ul{
height: calc(100vh - 106px);
height: -ms-calc(100vh - 106px);}
.zp_section ul li{height:20%;}
.zp_section ul li a{height: 100%;}
.zp_section ul li a .libox{padding: 0 8px;font-size: 0;}
.zp_section ul li a .libox .picbox{width: 140px;height: 110px;margin: 0;display: inline-block;vertical-align: middle;margin-left: 35px;}
.zp_section ul li a .libox .wordsbox{display: inline-block;vertical-align: middle;text-align: left;padding-left: 10px;
width: calc(100% - 175px);
width: -ms-calc(100% - 175px);}
.zp_section ul li a .libox .wordsbox .words1{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.zp_section ul li a .libox .wordsbox .words2{font-size: 12px;line-height: 18px;}
.zp_section .slick-prev{width: 40px;height: 40px; background-size: cover;left: 0;top: 50%;background-color: rgba(0,0,0,0.6);}
.zp_section .slick-prev::after{content: "";display: block;width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;position: absolute;left: 50%;top: 50%;margin-top: -6px;margin-left: -4px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);}
.zp_section .slick-prev:hover{background-color: rgb(0,0,0,0.1);}
.zp_section .slick-prev:hover::after{content: "";display: block;border-color: rgba(0,0,0,0.5);}
.zp_section .slick-next{width: 40px;height: 40px; background-size: cover;right: 0;top: 50%;background-color: rgba(0,0,0,0.6);}
.zp_section .slick-next::after{content: "";display: block;width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;position: absolute;left: 50%;top: 50%;margin-top: -6px;margin-left: -8px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
.zp_section .slick-next:hover{background-color: rgb(0,0,0,0.1);}
.zp_section .slick-next:hover::after{content: "";display: block;border-color: rgba(0,0,0,0.5);}
}
@media  screen and (max-width: 767px){
.zp_section ul li a .libox .picbox{width: 120px;height: 80px;}
}

/*作品详情*/
.zpxq_section{width: 100%;padding: 44px 0 88px 0;
min-height: calc(100vh - 125px);
min-height: -ms-calc(100vh - 125px);}
.zpxq_section h2{font-size: 20px;color: #333333;line-height: 26px;margin-bottom: 22px;font-family: "Regular";
width: calc(50% - 5px);
width: -ms-calc(50% - 5px);
width: -o-calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: -webkit-calc(50% - 5px);}
.zpxq_section .text{font-size: 14px;color: #333333;line-height: 20px;margin-bottom: 28px;
width: calc(50% - 5px);
width: -ms-calc(50% - 5px);
width: -o-calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: -webkit-calc(50% - 5px);}
.zpxq_section .p{font-size: 14px;color: #333333;line-height: 26px;text-align: justify;margin-bottom: 40px;
width: calc(50% - 5px);
width: -ms-calc(50% - 5px);
width: -o-calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: -webkit-calc(50% - 5px);}
.zpxq_section .picbox{padding-bottom: 100px;margin-bottom: 60px;border-bottom: 1px solid #cccccc;}
.zpxq_section .picbox ul{margin: -10px;
width: calc(100% + 20px);
width: -ms-calc(100% + 20px);
width: -o-calc(100% + 20px);
width: -moz-calc(100% + 20px);
width: -webkit-calc(100% + 20px);}
/*20200319备注 客户可以选择start*/
.zpxq_section .picbox li{width: 50%;float: left;}
/*.zpxq_section .picbox li{width: 100%;float: left;}*/
/*20200319备注 客户可以选择end*/
.zpxq_section .picbox li figure{margin: 0;padding: 10px;}
.zpxq_section .picbox li img{display: block;width: 100%;}
.zpxq_section .page{width: 100%;overflow: hidden;}
.zpxq_section .page .prev{width: 50%;float: left;}
.zpxq_section .page .next{width: 50%;float: right;text-align: right;}
.zpxq_section .page .words{font-size: 16px;color: #666666;line-height: 16px;float: right; padding-left: 10px;padding-top: 6px;
width: calc(100% - 26px);
width: -ms-calc(100% - 26px);
width: -o-calc(100% - 26px);
width: -moz-calc(100% - 26px);
width: -webkit-calc(100% - 26px);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.zpxq_section .page .icon{width: 26px;height: 26px;border-radius: 100%;border: 1px solid #6a6a6a;float: left;position: relative;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.zpxq_section .page .icon::after{width: 10px;height: 10px;content: "";display: block;border-top: 1px solid #6a6a6a;border-left: 1px solid #6a6a6a;position: absolute;left: 50%;top: 50%;margin-top: -5px;margin-left: -3px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.zpxq_section .page .next .words{padding-left: 0;padding-right: 10px;float: left;}
.zpxq_section .page .next .icon{float: right;}
.zpxq_section .page .next .icon::after{margin-top: -5px;margin-left: -6px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);}
.zpxq_section .page .prev:hover .icon{border-color: #d2ae56;}
.zpxq_section .page .prev:hover .icon::after{content: "";display: block; border-color: #d2ae56;}
.zpxq_section .page .prev:hover .words{color: #d2ae56;}
.zpxq_section .page .next:hover .icon{border-color: #d2ae56;}
.zpxq_section .page .next:hover .icon::after{content: "";display: block; border-color: #d2ae56;}
.zpxq_section .page .next:hover .words{color: #d2ae56;}
/*作品详情单排*/
.zpxq_section_dp .picbox li{width: 100%;float: left;}
@media  screen and (max-width: 1199px){
}
@media  screen and (max-width: 991px){
.zpxq_section{padding: 22px 20px;margin-top: 106px;
min-height: calc(100vh - 106px);
min-height: -ms-calc(100vh - 106px);}
.zpxq_section h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;width: 100%;}
.zpxq_section .text{margin-bottom: 16px;width: 100%;}
.zpxq_section .p{line-height: 22px;margin-bottom: 16px;width: 100%;}
.zpxq_section .picbox{padding-bottom: 16px;margin-bottom: 16px;}
.zpxq_section .page .prev{width: 50%;margin-bottom: 0;}
.zpxq_section .page .next{width: 50%;}
.zpxq_section .page .words{display: none;}
.zpxq_section .page .icon{width: 20px;height: 20px;}
.zpxq_section .page .next .words{padding-left: 0;padding-right: 0;float: none;}
.zpxq_section .page .icon::after{width: 8px;height: 8px;content: "";display: block;margin-top: -4px;margin-left: -2px;}
.zpxq_section .page .next .icon::after{margin-top: -4px;margin-left: -6px;}
.zpxq_section .picbox ul{margin: -6px;
width: calc(100% + 12px);
width: -ms-calc(100% + 12px);
width: -o-calc(100% + 12px);
width: -moz-calc(100% + 12px);
width: -webkit-calc(100% + 12px);}
.zpxq_section .picbox li figure{margin: 0;padding: 6px;}
}
@media  screen and (max-width: 767px){
.zpxq_section h2{font-size: 16px;line-height: 22px;margin-bottom: 14px;font-weight: bold;}
.zpxq_section .text{margin-bottom: 14px;}
.zpxq_section .p{line-height: 20px;margin-bottom: 14px;}
.zpxq_section .picbox{padding-bottom: 14px;margin-bottom: 14px}
.zpxq_section .page .prev{margin-bottom: 0;}
.zpxq_section .picbox li figure{margin: 0;padding: 2px;}
.zpxq_section .picbox ul{margin: -2px;
width: calc(100% + 4px);
width: -ms-calc(100% + 4px);
width: -o-calc(100% + 4px);
width: -moz-calc(100% + 4px);
width: -webkit-calc(100% + 4px);}
}

.height_hide{height:0; overflow:hidden; padding:0; margin:0; min-height:0;}